<template>
    <div class="table">
        <div class="container">
          <el-row>
            <el-col :span="6">
              <fancy-sys-category-tree
                v-model="currentTreeValue"
                :modelName="modelName"
                :currentTreeName.sync="currentTreeName"
                @select="handlerSelect"
              >
              </fancy-sys-category-tree>
            </el-col>
            <el-col :span="18">
              <fancy-sys-category-list :id="currentTreeValue" :name="currentTreeName" :modelName="modelName">
              </fancy-sys-category-list>
            </el-col>
          </el-row>
         </div>
    </div>
</template>

<script>
import FancySysCategoryTree from '@/components/common/form/FancySysCategoryTree'
import FancySysCategoryList from '@/components/common/form/FancySysCategoryList'
export default {
    name: 'FancySysCategoryMain',
    props:{
      modelName:{
        type:String,
        default:''
      },
      modelKey:{
        type:String,
        default:'category'
      },
      title:{
        type:String,
        default:'分类管理'
      }
    },
    components:{
      FancySysCategoryTree,
      FancySysCategoryList
    },
    data() {
        return {
          currentTreeValue:'',
          currentTreeName:'',
        }
    },
    created() {
    },
    methods: {
        handlerSelect(data,id,label){
          
        }
    }
}
</script>

<style scoped>
 @import "~@/assets/css/list.css";
</style>
